@import "../shared/color.less";

@border-radius-base: 2px;

.zr-app-container {
	background-color: @border-color-split;
}

.zr-app-header {
	//background-color: @component-background;
	background-color: @body-background;
}

.header-text {
	color: @heading-color;
}

.primary-text {
	color: @text-color;
}

.secondary-text {
	color: @text-color-secondary;
}

.body-bg,.box-bg {
	background-color: @body-background;
}

.component-bg{
	background-color: @component-background;
}

.container-bg,.page-bg{
	background-color: @border-color-split;
}

.border-color{
	border-color: @border-color-base;
}

.body-border {
	border-color: @border-color-split;
}

//empty组件
body {
	&[data-theme='dark'] {
		
		.zr-app-header{
			background-color: #080808;
		}
		
		.page-bg{
			//background-color: @body-background;
			background-color: #171717;
		}
		
		.box-bg{
			background-color: @border-color-split;
		}
		
		.ant-empty-img-simple-path {
			fill: rgb(38, 38, 38);
			stroke: rgb(67, 67, 67);
		}
		
		.ant-empty-img-simple-ellipse {
			fill: #fff;
			fill-opacity: .08;
		}
		
		.ant-empty-img-simple-g {
			stroke: #434343;
		}
	}
	
	&[data-theme='default'] {
		.ant-empty-img-simple-ellipse {
			fill: #f5f5f5;
		}
		
		.ant-empty-img-simple-g {
			stroke: #d9d9d9;
		}
		
		.ant-empty-img-simple-path {
			fill: #fafafa;
		}
	}
}

